@mixin border_1px (
  $borderWidth: 1px, 
  $borderColor: #ccc,
  $boderRadius: 0,
  $borderStyle: solid
) {
  position: relative;

  border-radius: boderRadius;

  &::after {
    content: '';
    position: absolute;

    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    border: 1px solid #f00;
    border-width: $borderWidth;
    border-color: $borderColor;
    border-style: $borderStyle;
    border-radius: $boderRadius;

    @media screen and (-webkit-max-device-pixel-ratio: 1.49) {
      width: 100%;
      height: 100%;
      transform: scale(1);
    }

    @media screen and (-webkit-min-device-pixel-ratio: 1.5), (-webkit-max-device-pixel-ratio: 2.49) {
      width: 200%;
      height: 200%;
      transform: scale(0.5);
    }

    @media screen and (-webkit-min-device-pixel-ratio: 2.5) {
      width: 300%;
      height: 300%;
      transform: scale(0.33333333);
    }

    transform-origin: 0 0;
  }
}